<%--
  Created by IntelliJ IDEA.
  User: RD
  Date: 2023/11/15
  Time: 10:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--<%@ page import="server.finalexam.InformBean" %>--%>
<%@ page import="java.util.List" %>

<html>
<head>
    <title>管理页面</title>
    <script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script>
    <script>
        $(function () {
            $("#btn").click(function () {
                alert("hello btn");
                console.log("sss")
            });
        });
        $.ajax({
            url: "manage",
            type: "GET",
            dataType: "json",
            success:function (resp){
                console.log(JSON.stringify(resp))
                alert("nihao")
            },
            error:function (errmsg){
                console.log("ajax返回错误: " + JSON.stringify(errmsg))
                alert("修改失败！")
            }
        })
        function sub(id) {
            // var city = $("#trID" + id)[0].cells[0].textContent;
            // var weather = $("#trID" + id)[0].cells[1].children[0].value;
            // var wind_dir = $("#trID" + id)[0].cells[2].children[0].value;
            // var wind_class = $("#trID" + id)[0].cells[3].children[0].value;
            // var temp = $("#trID" + id)[0].cells[4].children[0].value;

            // TODO: 使用ajax
            // $.ajax({
            //     url: "update",
            //     type: "post",
            //     data: {
            //         "id": id,
            //         "city": city,
            //         "weather": weather,
            //         "wind_dir": wind_dir,
            //         "wind_class": wind_class,
            //         "temp": temp
            //     },
            //     dataType: "json",
            //     success: function (resp) {
            //         console.log(JSON.stringify(resp)) //浏览器控制台可以查看
            //         alert("修改成功！城市 " + resp.city +
            //             " 天气:" + resp.weather + " " +
            //             "风向:" + resp.wind_dir + " " +
            //             "风力" + resp.wind_class + " " +
            //             "气温" + resp.temp)
            //     },
            //     error: function (errmsg) {
            //         console.log("ajax返回错误: " + JSON.stringify(errmsg))
            //         alert("修改失败！")
            //     }
            // })





        }
    </script>
</head>
<body>
<table align="center" border="1" width="80%" cellpadding="8">
    <tr>
        <th align="center" colspan=7>各大城市天气实时数据管理页</th>
    </tr>
    <tr>
        <th align="center" width=100>城市</th>
        <th align="center" width=100>天气现象</th>
        <th align="center" width=100>风向</th>
        <th align="center" width=100>风力</th>
        <th align="center" width=100>气温</th>
        <th align="center" width=100>更新时间</th>
        <th align="center" width=100>操作</th>
    </tr>

<%--    <%--%>
<%--        List<InformBean> info_list = (List<InformBean>)request.getAttribute("list");--%>
<%--        for (InformBean info : info_list) {--%>
<%--    %>--%>
<%--    <tr align="center" id="trID<%=info.getId()%>">--%>
<%--        <td align="center" width="100"><%=info.getCity()%></td>--%>
<%--        <td align="center" width=100><input type="text" value="<%=info.getWeather()%>"/></td>--%>
<%--        <td align="center" width=100><input type="text" value="<%=info.getWind_dir()%>"/></td>--%>
<%--        <td align="center" width=100><input type="text" value="<%=info.getWind_class()%>"/></td>--%>
<%--        <td align="center" width=100><input type="text" value="<%=info.getTemp()%>"/></td>--%>
<%--        <td align="center" width=100><%=info.getUpdate_time()%></td>--%>
<%--        <td align="center" width=100><input type="button" onclick="sub(<%=info.getId()%>)"--%>
<%--                                            value="修改"/></td>--%>
<%--    </tr>--%>
<%--    <%--%>
<%--        }--%>
<%--    %>--%>
</table>
<button id="btn">发送ajax 的请求</button>


</body>
</html>
